<template>
  <div class="product-head1">
    <h1 class="product-head__title kaiti" >用数据驱动运营</h1>
    <h2 class="product-head__sub-title" >让每个决策都有数据支撑</h2>
  </div>
  <div>
    <div class="desc-block desc-block--story">
      <h2 class="desc-block__title">关于我们</h2>
      <div class="desc-block__content">
        <div class="desc-block__left">
          <p class="desc-block__desc desc-block__desc--biggest">
            用数据驱动运营。
          </p>
          <p class="desc-block__desc desc-block__desc--big">
            让每个决策都有数据支撑。
          </p>

          <img src="@assets/images/about.jpg" alt="云业财"/>
        </div>
        <div class="desc-block__right">
          <p class="desc-block__desc">
            纷析云[纷析云（杭州）科技有限公司]是一家专注于连锁企业业务-财务一体化的数据智能服务商，以提升企业决策力和执行力为使命，为企业构建透明、快速、动态、智能的业财一体化专业能力.
          </p>
        </div>
      </div>

    </div>
  </div>
</template>

<script>
import {message} from "heyui.ext";

/**
 * <p>****************************************************************************</p>
 * <p><b>Copyright © 2010-2023 soho team All Rights Reserved<b></p>
 * <ul style="margin:15px;">
 * <li>Description : </li>
 * <li>Version     : 1.0</li>
 * <li>Creation    : 2023年02月12日</li>
 * <li>@author     : ____′↘夏悸</li>
 * </ul>
 * <p>****************************************************************************</p>
 */
export default {
  name: "About",
  data() {
    return {
      page: 'about',
      params: [
      ],
      methods: {
      }
    }
  }
}
</script>
<style>
.content {
  margin-top: 541px;
}
.desc-block--story {
  position: relative;
  top: -53px;
  height: 975px;
  margin-bottom: 37px;
}
 .desc-block {
   background-color: #fff;
   box-shadow: 0 2px 4px 0 #bfbfbf;
   width: 870px;
   margin: 0 auto 90px auto;
   box-sizing: border-box;
   padding: 51px 62px 84px 35px;
 }

.desc-block__title {
  color: gray;
  font-size: 18px;
}

.desc-block__content {
  padding-top: 35px;
  width: 100%;
}
.desc-block__left {
  float: left;
}
.desc-block--story .desc-block__left {
  width: 350px;
}

.desc-block--story .desc-block__desc--biggest {
  padding-bottom: 34px;
}

 .desc-block__desc--biggest {
   font-size: 24px;
   line-height: 33px;
 }
.desc-block--story .desc-block__desc--big {
  padding-bottom: 300px;
}
 .desc-block__desc {
   font-size: 21px;
   line-height: 31px;
 }
.desc-block--zb {
  height: 622px;
}
.desc-block--say {
  height: 498px;
}
.desc-block {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 #bfbfbf;
  width: 870px;
  margin: 0 auto 90px auto;
  box-sizing: border-box;
  padding: 51px 62px 84px 35px;
}
</style>

